<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>PyTv! - Design</title>
		<link type="text/css" href="../static/css/dark-hive/jquery-ui-1.8.1.custom.css" rel="stylesheet" />
		<link type="text/css" href="../static/css/layout.css" rel="stylesheet" />	
		<link rel="stylesheet" type="text/css" href="../static/css/jquery.jgrowl.css"/>
        <link rel="stylesheet" type="text/css" href="../static/css/highslide.css" /> 
		<script type="text/javascript" src="../static/js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="../static/js/jquery-ui-1.8.1.custom.min.js"></script>
		<script type="text/javascript" src="../static/js/jquery.jgrowl.js"></script>
        <script type="text/javascript" src="../static/js/actions.js"></script>
        <script type="text/javascript" src="../static/js/themes.js"></script>
        <script type="text/javascript" src="../static/js/highslide-with-gallery.js"></script> 
        
        <script type="text/javascript">
            if( !window.XMLHttpRequest ) XMLHttpRequest = function()
            {
              try{ return new ActiveXObject("Msxml2.XMLHTTP.6.0") }catch(e){}
              try{ return new ActiveXObject("Msxml2.XMLHTTP.3.0") }catch(e){}
              try{ return new ActiveXObject("Msxml2.XMLHTTP") }catch(e){}
              try{ return new ActiveXObject("Microsoft.XMLHTTP") }catch(e){}
              throw new Error("Could not find an XMLHttpRequest alternative.")
            };
            
            InstallFunction(server, 'SaveDesign');
        </script>
        
        <script type="text/javascript"> 
            hs.graphicsDir = 'static/js/graphics/';
            hs.align = 'center';
            hs.transitions = ['expand', 'crossfade'];
            hs.wrapperClassName = 'dark borderless floating-caption';
            hs.fadeInOut = true;
            hs.dimmingOpacity = .75;
         
            // Add the controlbar
            if (hs.addSlideshow) hs.addSlideshow({
                //slideshowGroup: 'group1',
                interval: 5000,
                repeat: false,
                useControls: true,
                fixedControls: 'fit',
                overlayOptions: {
                    opacity: .6,
                    position: 'bottom center',
                    hideOnMouseOut: true
                }
            });
        </script> 
		
		<script type="text/javascript">
			$(function(){
				// Tabs
				$('#tabs').tabs();
                
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
			});
		</script>
	</head>
	<body>
	    <p id="user"><a id="dialog_link" class="ui-state-default ui-corner-all" href="{{ logout_url }}"><span class="ui-icon ui-icon-power"></span>
            <b>{{ current_user }} - Logout</b>
        </a></p>
	
	    <div id="title">
            <div id="tagline">PyTv! - Design</div>
	    </div>

        <div id="panelAdmin">
            <!-- Tabs -->
            <h2 class="demoHeaders">Themes:</h2>
            <div id="tabs">
                <ul>
                    <li><a href="#tabs-1">Theme</a></li>
                </ul>
                <div id="tabs-1">
                    <p>
                        Send your own Designs to: diego.sarmentero@gmail.com
                    </p>
                    <div class="highslide-gallery"> 
                    <table>
                        <tr>
                            <td>
                                <a href="static/img/themes/dark-hive.png" class="highslide" onclick="return hs.expand(this)"> 
                                    <img src="static/img/themes/dark-hive-thumb.png" alt="Highslide JS"
                                        title="Click to enlarge" /> 
                                </a> 
                                <br/>
                                <input type="radio" id="radTheme1" value="diego" name="radTheme" checked>Dark-Hive (based on JQuery UI Theme)</input>
                                <div class="highslide-caption"> 
                                    Dark-Hive (based on JQuery UI Theme)
                                </div> 
                            </td>
                            <td>
                                <a href="static/img/themes/le-frog.png" class="highslide" onclick="return hs.expand(this)"> 
                                    <img src="static/img/themes/le-frog-thumb.png" alt="Highslide JS"
                                        title="Click to enlarge" /> 
                                </a> 
                                <br/>
                                <input type="radio" id="radTheme2" name="radTheme">Le-Frog (based on JQuery UI Theme)</input>
                                <div class="highslide-caption"> 
                                    Le-Frog (based on JQuery UI Theme)
                                </div> 
                            </td>
                        </tr>
                        <tr>
                            <td><p></p></td>
                        </tr>
                        <tr>
                            <td>
                                <a href="static/img/themes/overcast.png" class="highslide" onclick="return hs.expand(this)"> 
                                    <img src="static/img/themes/overcast-thumb.png" alt="Highslide JS"
                                        title="Click to enlarge" /> 
                                </a> 
                                <br/>
                                <br/>
                                <input type="radio" id="radTheme3" name="radTheme">Overcast (based on JQuery UI Theme)</input>
                                <div class="highslide-caption"> 
                                    Overcast (based on JQuery UI Theme)
                                </div> 
                            </td>
                            <td>
                                <a href="static/img/themes/start.png" class="highslide" onclick="return hs.expand(this)"> 
                                    <img src="static/img/themes/start-thumb.png" alt="Highslide JS"
                                        title="Click to enlarge" /> 
                                </a> 
                                <br/>
                                <br/>
                                <input type="radio" id="radTheme4" name="radTheme">Start (based on JQuery UI Theme)</input>
                                <div class="highslide-caption"> 
                                    Start (based on JQuery UI Theme)
                                </div> 
                            </td>
                        </tr>
                        <tr>
                            <td><p></p></td>
                        </tr>
                        <tr>
                            <td>
                                <a href="static/img/themes/trontastic.png" class="highslide" onclick="return hs.expand(this)"> 
                                    <img src="static/img/themes/trontastic-thumb.png" alt="Highslide JS"
                                        title="Click to enlarge" /> 
                                </a> 
                                <br/>
                                <input type="radio" id="radTheme5" name="radTheme">Trontastic (based on JQuery UI Theme)</input>
                                <div class="highslide-caption"> 
                                    Trontastic (based on JQuery UI Theme)
                                </div> 
                            </td>
                            <td>
                                <a href="static/img/themes/vader.png" class="highslide" onclick="return hs.expand(this)"> 
                                    <img src="static/img/themes/vader-thumb.png" alt="Highslide JS"
                                        title="Click to enlarge" /> 
                                </a> 
                                <br/>
                                <input type="radio" id="radTheme6" name="radTheme">Vader (based on JQuery UI Theme)</input>
                                <div class="highslide-caption"> 
                                    Vader (based on JQuery UI Theme)
                                </div> 
                            </td>
                        </tr>
                    </table>
                    </div>
                </div>
            </div>
        </div>
        
        <p id="developer">
            <a href="/" id="dialog_link" class="ui-state-default ui-corner-all">
            <span class="ui-icon ui-icon-arrowreturn-1-w"></span>Cancel</a>
            <a href="javascript:saveDesign()" id="dialog_link" class="ui-state-default ui-corner-all">
            <span class="ui-icon ui-icon-plusthick"></span>Save</a>
        </p>

        <div id="notification" class="jGrowl bottom-right"></div>
	</body>
</html>



